<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 图片  src属性连接到图片地址  alt图片加载失败文字说明
        width和height也是图片特有属性，只需要设置其中一个，另一个会自适应
    -->
     <img width="200px" src="../音视频/8.jpg" alt="图片加载失败文字说明">
     <!-- <img src="https://p1.ssl.qhimgs1.com/t0178d2372d785288b1.jpg" alt="图片加载失败文字说明"> -->

     <!-- 音视频 
          controls 控制条
          autoplay 自动播放
          loop 循环播放
          muted 静音播放
          poster 设置封面
     -->
      <video width="400px" poster="../音视频/6.jpg" muted loop autoplay src="../音视频/1.mp4" controls></video>
      <!-- 音频
           controls 控制条
           autoplay 自动播放
          loop 循环播放
          muted 静音播放
          width,height,poster属性不可用
      -->
      <audio width="400px" controls loop muted autoplay src="../音视频/1.mp3"></audio>
</body>
</html>